@import '~antd/dist/antd.css';

.App {
  text-align: center;
}

.App-logo {
  height: 80px;
  animation: App-logo-spin infinite 20s linear;
}

.App-header {
  height: 150px;
  padding: 20px;
  color: white;
  background-color: #222;
}

.App-header h2 {
  color: inherit;
}
.App-intro {
  font-size: large;
}

.editor-content {
  font-size: 24px;
  line-height: 1;
  width: 365px;
  min-height: 38px;
  margin: 50px auto;
  padding: 0.3em 15px;
  user-select: text;
  text-align: left;
  word-wrap: break-word;
  border: 1px solid #08a1ef;
  outline: none;
  background: transparent;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

* {
  margin: 0;
  padding: 0;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}

.TextToolbar {
  position: absolute;
}
.TextToolbar .ant-btn {
  padding: 0 8px;
  border: none;
}

.TextToolbar .editor-icon {
  margin-right: 10px;
}
.TextToolbar .editor-icon:only-child {
  margin: 0 auto;
}
.btn-color {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
.btn-color span {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  width: 18px;
  height: 18px;
  text-align: center;
  color: #828d98;
}
.btn-backColor span {
  /*  透明 */
  background-image: url(//as.eqh5.com/c/images/toobarbg-a880b1.svg);
}
.btn-color i {
  position: absolute;
  bottom: -1px;
  left: 1px;
  width: 16px;
  height: 3px;
  border: 1px solid #ccd5db;
  background: #828d98;
}

.editor-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 28px;
  text-decoration: none;
}
.editor-btn .editor-icon {
  margin-right: 10px;
}

@font-face {
  font-family: 'editor-icon'; /* project id 364666 */
  src: url('//at.alicdn.com/t/font_bj9bl9k7cbz6ko6r.eot');
  src: url('//at.alicdn.com/t/font_bj9bl9k7cbz6ko6r.eot?#iefix')
      format('embedded-opentype'),
    url('//at.alicdn.com/t/font_bj9bl9k7cbz6ko6r.woff') format('woff'),
    url('//at.alicdn.com/t/font_bj9bl9k7cbz6ko6r.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_bj9bl9k7cbz6ko6r.svg#editor-icon') format('svg');
}

.editor-icon {
  font-family: 'editor-icon' !important;
  font-size: 16px;
  font-style: normal;
  color: rgb(130, 141, 152);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-align-center:before {
  content: '\e600';
}

.icon-writing-mode:before {
  content: '\e621';
}

.icon-line-through:before {
  content: '\e788';
}

.icon-line-height:before {
  content: '\e6ec';
}

.icon-bold:before {
  content: '\e6d9';
}

.icon-italic:before {
  content: '\e6f8';
}

.icon-underline:before {
  content: '\e72b';
}

.icon-clear:before {
  content: '\e718';
}

.icon-letter-space:before {
  content: '\e78b';
}

.icon-align-right:before {
  content: '\e616';
}

.icon-align-left:before {
  content: '\e789';
}
